Estoy definiendo el contenido de la fila en React Table, cuando escriba la variable del elemento sola, se imprimirá correctamente, pero cuando intento concatenarla con otra variable, obtengo [Object Object] en su lugar
el objeto:
// Icons object const typeIcons = { DINEIN: <FlatwareIcon color="secondary" /> , DELIVERY: <DeliveryDiningIcon color="secondary" />, TAKEAWAY: <RoomServiceIcon color="success"/> }Cuando se usa un elemento de objeto con el tipo 'DINEIN', por ejemplo, funciona perfectamente:
row2: typeIcons[item.order_type],y da el ícono requerido, pero al concatenar con otra variable, es decir
row2: typeIcons[item.order_type] + item.order_type,el resultado será: [Object Object]DINEIN ¿Alguna explicación? Gracias de antemano por su amable ayuda.
typeIcons[item.order_type] es un objeto (componente React) mientras que item.order_type es una cadena. No puede concatenar cadena con objeto. Supongo que el valor en row2 debe contener un componente React, luego puede intentar algo como esto:
row2: <>{typeIcons[item.order_type]} {item.order_type}</>,